<template>
    <div class="inner-content list-content">
        <div class='title'>
            新订单（{{total}}条待处理）
        </div>
        <div v-if='tableData.length'>
             <el-row>
               <order v-for="order in tableData"
               :newOrder='order'
               :isEmptyBarry='isEmptyBarry'
               @recevice='onReceiveOrder(order.orderWaterStoreId)'
               @reject='onRejectOrder(order.orderWaterStoreId)'
               :time='order.requestTime'
               ></order>
             </el-row>
             <div class="paging">
               <el-pagination
                    @current-change='handleCurrentChange'
                    :current-page.sync='page'
                    layout='prev, pager, next, jumper'
                    :total='total'
                    :page-size='size'
                    class='pagination'
                    v-show='total'>
                </el-pagination>
             </div>
        </div>
        <div v-else
            class='tips'>
            您没有待确认的订单哦~
        </div>
    </div>
</template>

<script>
    import NewJs from './New.js';
    module.exports = NewJs;
</script>

<style scope lang='less'>
  @import url(New.less); 
</style>